<!-- 全屏组件 -->
<template>
  <div class="fullscreen">
    <i class="el-icon-full-screen" @click="foo"></i>
  </div>
</template>

<script>
// 导入第三方全屏包
import screenfull from 'screenfull'
export default {
  methods: {
    foo () {
      screenfull.toggle()
    }
  },
  data () {
    return {

    }
  },
  //生命周期 - 创建完成（访问当前this实例）
  created () {

  },
  //生命周期 - 挂载完成（访问DOM元素）
  mounted () {

  }
}
</script>
<style lang="scss" scoped>
/* @import url(); 引入css类 */
.fullscreen {
  margin: 0 20px;
}
</style>